// .carbon-theme
:root {
  /* el-button */
  //--button-default-color: rgb(66, 185, 131);
  --button-default-color: #DB8B39;
  //--button-default-borderColor: rgb(66, 185, 131);;
  --button-default-borderColor: #DB8B39;
  --button-default-bgColor: #fff;
  //--button-default-hover-color: rgb(66, 185, 131);
  --button-default-hover-color: rgba(219, 139, 57, 0.2);
  //--button-default-hover-borderColor: rgb(66, 185, 131);
  --button-default-hover-borderColor: #DB8B39;
  //--button-default-hover-bgColor: rgba(66, 185, 131, 0.2);
  --button-default-hover-bgColor: rgba(219, 139, 57, 0.2);

  --button-primary-color: #fff;
  //--button-primary-borderColor: rgb(66, 185, 131);
  --button-primary-borderColor: #DB8B39;
  //--button-primary-bgColor: rgb(66, 185, 131);
  --button-primary-bgColor: #DB8B39;
  --button-primary-hover-color: #fff;
  //--button-primary-hover-borderColor: rgba(66, 185, 131, 0.8);;
  --button-primary-hover-borderColor: rgba(219, 139, 57, 0.8);
  //--button-primary-hover-bgColor: rgba(66, 185, 131, 0.8);;
  --button-primary-hover-bgColor: rgba(219, 139, 57, 0.8);

  //--button-primary-plain-color: rgb(66, 185, 131);
  --button-primary-plain-color: rgba(219, 139, 57);;
  //--button-primary-plain-borderColor: rgba(66, 185, 131, 0.8);
  --button-primary-plain-borderColor: rgba(219, 139, 57, 0.8);
  //--button-primary-plain-bgColor: rgba(66, 185, 131, 0.2);
  --button-primary-plain-bgColor: rgba(219, 139, 57, 0.2);;
  --button-primary-plain-hover-color: #fff;
  //--button-primary-plain-hover-borderColor: rgb(66, 185, 131);
  --button-primary-plain-hover-borderColor: rgba(219, 139, 57, 0.8);
  //--button-primary-plain-hover-bgColor: rgb(66, 185, 131);
  --button-primary-plain-hover-bgColor: rgba(219, 139, 57, 0.8);;

  --button-danger-color: #fff;
  --button-danger-borderColor: #f74a5c;
  --button-danger-bgColor: #f74a5c;
  --button-danger-hover-color: #fff;
  --button-danger-hover-borderColor: rgba(235, 57, 75, 0.8);
  --button-danger-hover-bgColor: rgba(235, 57, 75, 0.8);

  --button-danger-plain-color: #f74a5c;
  --button-danger-plain-borderColor: rgba(235, 57, 75, 0.8);
  --button-danger-plain-bgColor: rgba(235, 57, 75, 0.2);
  --button-danger-plain-hover-color: #fff;
  --button-danger-plain-hover-borderColor: #f74a5c;
  --button-danger-plain-hover-bgColor: #f74a5c;

  /* el-message */
  --message-box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.08), 0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 6px 30px 5px rgba(0, 0, 0, 0.05);

  --message-warning-color: rgba(0, 0, 0, 0.9);;
  --message-warning-bgColor: #F9E0C7;
  --message-warning-borderColor: transparent;
  --message-warning-icon-color: #FF9307;

  --message-success-color: rgba(0, 0, 0, 0.9);;
  --message-success-bgColor: #BCEBDC;
  --message-success-borderColor: transparent;
  --message-success-icon-color: #OAAA4D;

  --message-error-color: rgba(0, 0, 0, 0.9);;
  --message-error-bgColor: #F9D7D9;
  --message-error-borderColor: transparent;
  --message-error-icon-color: #E21F36;

  /* el-table */
  --table-bgColor: #fff;
  --table-borderColor: transparent;
  --table-th-borderColor: #d9d9d9;
  --table-td-borderColor: #d9d9d9;
  --table-th-color: #333;
  --table-td-color: #666;
  --table-th-bgColor: #f2f4f5;
  --table-tr-bgColor: #fff;
  --table-tr-hover-bgColor: #ebf5f6;

  /* el-pagination is-background */
  --pagination-color: #333;
  --pagination-borderColor: #d9d9d9;;
  --pagination-bgColor: #fff;
  --pagination-active-color: #fff;
  //--pagination-active-bgColor: rgb(66, 185, 131);
  --pagination-active-bgColor: rgba(219, 139, 57);
  //--pagination-hover-color: rgb(66, 185, 131);
  --pagination-hover-color: rgba(219, 139, 57);
  //--pagination-hover-borderColor: rgb(66, 185, 131);
  --pagination-hover-borderColor: rgba(219, 139, 57);
  //--pagination-hover-bgColor: rgba(66, 185, 131, 0.2);
  --pagination-hover-bgColor: rgba(219, 139, 57, 0.2);

  /* el-input */
  --input-borderColor: #dcdcdc;
  //--input-hover-borderColor: rgb(66, 185, 131);
  --input-hover-borderColor: rgba(219, 139, 57);

  // el-select-dropdown
  //--select-dropdown-item-selected-color: rgb(66, 185, 131);
  --select-dropdown-item-selected-color: rgba(219, 139, 57);
  --select-dropdown-item-hover-bgColor: #f2f4f5;

  // el-cascader__dropdown
  //--cascader-dropdown-node-active-color: rgb(66, 185, 131);
  --cascader-dropdown-node-active-color: rgba(219, 139, 57);
  --cascader-dropdown-node-hover-bgColor: #f2f4f5;

  // el-checkbox
  //--checkbox-checked-color: rgb(66, 185, 131);
  --checkbox-checked-color: rgba(219, 139, 57);
  //--checkbox-checked-borderColor: rgb(66, 185, 131);
  --checkbox-checked-borderColor: rgb(219, 139, 57);
  //--checkbox-checked-bgColor: rgb(66, 185, 131);
  --checkbox-checked-bgColor: rgb(219, 139, 57);
  //--checkbox-indeterminate-borderColor: rgb(66, 185, 131);
  --checkbox-indeterminate-borderColor: rgb(219, 139, 57);
  //--checkbox-indeterminate-bgColor: rgb(66, 185, 131);
  --checkbox-indeterminate-bgColor: rgb(219, 139, 57);

  // el-radio
  //--radio-checked-color: rgb(66, 185, 131);
  --radio-checked-color: rgb(219, 139, 57);
  //--radio-checked-borderColor: rgb(66, 185, 131);
  --radio-checked-borderColor: rgb(219, 139, 57);
  //--radio-checked-bgColor: rgb(66, 185, 131);
  --radio-checked-bgColor: rgb(219, 139, 57);

  // el-loading-mask
  //--loading-color: rgb(66, 185, 131);
  --loading-color: rgb(219, 139, 57);

  // el-tabs
  --tabs-header-bgColor: #fff;
  --tabs-item-color: #333;
  //--tabs-item-avtive-color: rgb(66, 185, 131);
  --tabs-item-avtive-color: rgb(219, 139, 57);
  //--tabs-active-bar-bgColor: rgb(66, 185, 131);
  --tabs-active-bar-bgColor: rgb(219, 139, 57);

  // el-date-editor
  //--date-editor-range-borderColor: rgb(66, 185, 131);
  --date-editor-range-borderColor: rgb(219, 139, 57);
  //--date-editor-date-table-bgColor: rgb(66, 185, 131);
  --date-editor-date-table-bgColor: rgb(219, 139, 57);
  //--date-editor-date-table-hover-color: rgb(66, 185, 131);
  --date-editor-date-table-hover-color: rgb(219, 139, 57);


  // el-radio-button
  //--redio-button-hover-text-color: rgb(66, 185, 131);
  --redio-button-hover-text-color: rgb(219, 139, 57);
  //--redio-button-hover-bgColor: rgba(66, 185, 131, 0.2);
  --redio-button-hover-bgColor: rgba(219, 139, 57, 0.2);
  //--redio-button-checked-bgColor: rgb(66, 185, 131);
  --redio-button-checked-bgColor: rgb(219, 139, 57);
  //--radio-button-checked-borderColor: rgb(66, 185, 131);
  --radio-button-checked-borderColor: rgb(219, 139, 57);
  --radio-button-checked-text-color: #fff;
}
